import React, { useRef } from 'react'

export default function App() {
  // 类组件createRef
  // 函数组件 useRef

  // todo 1. 创建ref对象
  const testRef = useRef(null)
  return (
    <div>
      {/* // todo 2. 关联DOM */}
      <h1 ref={testRef}>函数组件中操作dom</h1>
      <button
        onClick={() => {
          // todo 3. 获取dom testRef.current => DOM
          console.log(testRef.current)
        }}
      >
        获取h1
      </button>
    </div>
  )
}
